@eppre: ep;

/* panel */
@ep-panel-margin: 8px;
@ep-panel-bg: #fff;

@ep-editor-bg: transparent;

@ep-header-height: 40px;
@ep-tool-width: 200px;
@ep-setting-width: 300px;
@ep-setting-min-width: 40px;
@ep-setting-footer-height: 30px;

@ep-fullscreen-zindex: 9;

@primary-color: #2d8cf0;

@ep-widget-hover: lighten(@primary-color, 40%);
@ep-widget-active: lighten(@primary-color, 34%);

.ep-clearfix() {
  &:after{
    content: '';
    height: 0;
    display: block;
    clear: both;
  }
}

.ep-ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}